<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="en" />
    <meta name="robots" content="all,follow" />
    <meta name="author" lang="en" content="All: ... [www.url.com]; e-mail: info@url.com" />
    <meta name="copyright" lang="en" content="Webdesign: Nuvio [www.nuvio.cz]; e-mail: ahoj@nuvio.cz" />
    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" />
    <script src="js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/loopedslider.js" type="text/javascript" charset="utf-8"></script>
    <title>gr8!</title>
</head>

<body>

<div id="main">

    <!-- Header -->
    <div id="header" class="box">

        <div id="logo"><p><a href="./" title="Your Company [Go to homepage]"><span></span>Your Company</a></p></div>

        <hr class="noscreen" />

        <!-- Navigation -->
        <ul id="nav">
            <li><a href="#"><span>Home</span></a></li>
            <li class="active"><a href="#"><span>About</span></a></li> <!-- Active (.active) -->
            <li><a href="#"><span>Products</span></a></li>
            <li><a href="#"><span>Pricing</span></a></li>
            <li><a href="#"><span>Purchase</span></a></li>
            <li><a href="#"><span>Contact</span></a></li>
        </ul>

    </div> <!-- /header -->

    <hr class="noscreen" />

    <!-- Title + Subcategories -->
    <div id="title" class="box">
    
        <h1>Lorem ipsum dolor</h1>
        
        <p id="subnav">
            <a href="#">History</a> <span>|</span>
            <strong>Our Team</strong> <span>|</span>
            <a href="#">Our Misson</a> <span>|</span>
            <a href="#">Join Us</a>
        </p>
        
    </div> <!-- /title -->

    <!-- Breadcrumbs -->
    <p id="breadcrumbs"><strong>Your are here:</strong> <a href="#">About</a> &nbsp;/&nbsp; <strong>Our Team</strong></p>
        
    <!-- Columns -->
    <div class="cols-top"></div>
    <div class="cols box">

        <!-- Content -->
        <div class="content">
        
            <!-- Perex -->
            <div class="perex">

                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehim cursus sapien et eleifend. Phasellus tincidunt placerat ullamcorper.</p>

            </div> <!-- /perex -->
            
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor, fes liber
            Nunc eleifend placerat sapien in commodo. <a href="#">Nullam ornare fringilla</a> purus, eget faucibus nulla dapibus nec.
            varius in sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaos.
            dictumst. Morbi dictum ligula nec ligula cursus vitae venenatis mauris imperdiet. Praesent pharetra porttito.
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="#">Suspendisse dui risus</a>, dictum eget egestas quis.</p>

            <h2>Ordered Lists</h2>

            <ul>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit
                    <ul>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                        <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                    </ul>
                </li>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
                <li>Lorem ipsum dolor sit amet consectetur adipiscing elit</li>
            </ul>
            
            <h2>Photogallery</h2>

            <div class="content-box box">
            
                <p class="nom t-center">
                    <img src="tmp/140x105.gif" alt="" />
                    <img src="tmp/140x105.gif" alt="" />
                    <img src="tmp/140x105.gif" alt="" />
                    <img src="tmp/140x105.gif" alt="" />
                </p>

            </div> <!-- /content-box -->
            
            <h2>Tables</h2>
            
            <table>
                <tr>
                    <th>Lorem ipsum amet</th>
                    <th>Lorem ipsum amet</th>
                    <th>Lorem ipsum amet</th>
                    <th>Lorem ipsum amet</th>
                </tr>
                <tr class="odd">
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
                <tr>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
                <tr class="odd">
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
                <tr>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
                <tr class="odd">
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                    <td>Lorem ipsum amet</td>
                </tr>
            </table>

            <h2>Floating</h2>

            <p><img src="tmp/140x105.gif" alt="" class="f-right" />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor, fes liber
            Nunc eleifend placerat sapien in commodo. <a href="#">Nullam ornare fringilla</a> purus, eget faucibus nulla dapibus nec.
            varius in sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himos.
            dictumst. Morbi dictum ligula nec ligula cursus vitae venenatis mauris imperdit. Praesent pharetra porttito.
            Lorem ipsum dolor sit amet, consectetur adipiscing.</p>

            <p><img src="tmp/140x105.gif" alt="" class="f-left" />
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor, fes liber
            Nunc eleifend placerat sapien in commodo. <a href="#">Nullam ornare fringilla</a> purus, eget faucibus nulla dapibus nec.
            varius in sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himos.
            dictumst. Morbi dictum ligula nec ligula cursus vitae venenatis mauris imperdit. Praesent pharetra porttito.
            Lorem ipsum dolor sit amet, consectetur adipiscing.</p>

            <h2>Forms</h2>
            
            <form action="#" method="post">
                <div class="content-box box">

                    <p class="nomt"><strong>Your Name:</strong><br />
                    <input type="text" size="65" class="input" /></p>

                    <p><strong>Your E-mail:</strong><br />
                    <input type="text" size="65" class="input" /></p>

                    <p>Your Telephone Number:<br />
                    <input type="text" size="65" class="input" /></p>

                    <p><strong>Your Message:</strong><br />
                    <textarea cols="95" rows="10" class="input" style="width:550px; height:150px;"></textarea></p>

                    <p class="nomb t-center"><input type="image" src="design/btn-ok.gif" value="OK" /></p>

                </div> <!-- /content-box -->
            </form>

            <h2>Definition Lists</h2>
            
            <dl>
                <dt>Lorem ipsum dolor sit amet</dt>
                <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor liber. Nunc eleifend placerat sapien in commodo. Nullam ornare fringilla purus, eget faucibus nulla dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor liber.</dd>

                <dt>Lorem ipsum dolor sit amet</dt>
                <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor liber. Nunc eleifend placerat sapien in commodo. Nullam ornare fringilla purus, eget faucibus nulla dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor liber.</dd>

                <dt>Lorem ipsum dolor sit amet</dt>
                <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor liber. Nunc eleifend placerat sapien in commodo. Nullam ornare fringilla purus, eget faucibus nulla dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec egestas, quam ac fringilla tempor liber.</dd>
            </dl>

        </div> <!-- /content -->

        <!-- Sidebar -->
        <div class="aside">

            <h2>What´s New</h2>

            <ul class="ul-news">
                <li><strong>15|08</strong> <a href="#"> Lorem ipsum dolor sit amet</a></li>
                <li><strong>15|08</strong> <a href="#"> Lorem ipsum dolor sit amet</a></li>
                <li><strong>15|08</strong> <a href="#"> Lorem ipsum dolor sit amet</a></li>
                <li><strong>15|08</strong> <a href="#"> Lorem ipsum dolor sit amet</a></li>
                <li><strong>15|08</strong> <a href="#"> Lorem ipsum dolor sit amet</a></li>
            </ul>
            
            <p class="t-right"><a href="#"><img src="design/btn-more.gif" alt="" /></a></p>

            <h2>Newsletter</h2>
            
            <div class="aside-box box">
            
                <form action="#" method="get">
                    <div class="f-left"><input type="text" size="30" name="" class="input" style="width:170px;" /></div>
                    <div class="f-right"><input type="image" src="design/btn-ok.gif" value="OK" /></div>
                </form>
            
            </div> <!-- /aside-box -->

            <h2>Mobile version</h2>
            
            <div style="padding:25px 0 25px 100px; background:url(./tmp/70x80.gif) 15px 50% no-repeat;" class="box">
            
                <p><strong>Check our mobile version</strong><br />
                Visit us here: <a href="#">m.server.com</a></p>
            
            </div>

        </div> <!-- /aside -->

    </div> <!-- /cols -->
    <div class="cols-bottom"></div>

    <hr class="noscreen" />

    <!-- Footer -->
    <div id="footer" class="box">

        <p class="f-right"><a href="#" class="footer-rss">RSS Feed</a></p>

        <p class="f-left">
            <strong>&copy;&nbsp;2009 <a href="#">YOURcompany</a></strong><br />
            <!-- PLEASE DON´T REMOVE THIS LINE (OR VISIT http://nuviotemplates.com/terms.php) -->
            <span class="smaller"><a href="http://www.nuviotemplates.com/">Free web templates</a> sponsored by <a href="http://www.adminizio.com/">Admin Templates</a></span>
            <!-- PLEASE DON´T REMOVE THIS LINE (OR VISIT http://nuviotemplates.com/terms.php) -->
        </p>

    </div> <!-- /footer -->

</div> <!-- /main -->

</body>
</html>